<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>奖品券</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../../Content/CSS/mojie/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../Content/CSS/mojie/icons-extra.css" />
		<link rel="stylesheet" href="../../Content/CSS/mojie/style.css" />
	</head>
	<body>
		<section class="coupon-main bg prize-main"><!--奖品券容器-->
			<div class="coupon-list" style="border-bottom: 1px solid #CCCCCC;"><!--奖品券Tab头部-->
				<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
					<a class="mui-control-item mui-active" href="#item1">未领取</a>
					<a class="mui-control-item" href="#item2">已领取</a>
					<a class="mui-control-item" href="#item3">已过期</a>
				</div>
			</div><!--奖品券Tab头部-->
			<div><!--奖品券列表-->
				<div id="item1" class="mui-control-content mui-active"><!--Tab1内容-->
					<div id="scroll" class="mui-scroll-wrapper">
						<div class="mui-scroll bg">
							<ul class="mui-table-view mui-table-list table-view-prize table-view-clean table-view-top-clean">
								<li class="mui-table-view-cell table-view-cell-prize">
									<div class="prize bgstyle">
										<div class="prize_left">
											<img src="../../Content/Images/mojie/1.png"/>
										</div>
										<div class="prize_right fr">
											<ul>
												<li class="mall-font-14 mall-color-btn title">双十一奖品券</li>
												<li>奖品：美迪惠尔营养修护面膜</li>
												<li>兑换码：DFBNKDJKG</li>
												<li class="bottom">兑换时间：2016.11.01-2016-11.30</li>
											</ul>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell table-view-cell-prize">
									<div class="prize bgstyle">
										<div class="prize_left">
											<img src="../../Content/Images/mojie/1.png"/>
										</div>
										<div class="prize_right fr">
											<ul>
												<li class="mall-font-14 mall-color-btn title">双十一奖品券1</li>
												<li>奖品：美迪惠尔营养修护面膜1</li>
												<li>兑换码：DFBNKDJKG1</li>
												<li class="bottom">兑换时间：2016.11.01-2016-11.30</li>
											</ul>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell table-view-cell-prize">
									<div class="prize bgstyle">
										<div class="prize_left">
											<img src="../../Content/Images/mojie/1.png"/>
										</div>
										<div class="prize_right fr">
											<ul>
												<li class="mall-font-14 mall-color-btn title">双十一奖品券1</li>
												<li>奖品：美迪惠尔营养修护面膜1</li>
												<li>兑换码：DFBNKDJKG1</li>
												<li class="bottom">兑换时间：2016.11.01-2016-11.30</li>
											</ul>
										</div>
									</div>
								</li>
							</ul>
							<div class="submit get-prize-submit"><!--添加按钮-->
								<a class="mui-btn mui-btn-danger mui-btn-block" href="">接受任务</a>					
							</div><!--添加按钮-->
						</div>
					</div>
				</div><!--Tab1内容-->	
				<div id="item2" class="mui-control-content"><!--Tab2内容-->
					<div id="scroll" class="mui-scroll-wrapper">
						<div class="mui-scroll bg">
							<ul class="mui-table-view mui-table-list table-view-prize">
								<li class="mui-table-view-cell table-view-cell-prize">
									<div class="prize bgstyle">
										<div class="prize_left">
											<img src="../../Content/Images/mojie/1.png"/>
										</div>
										<div class="prize_right fr">
											<ul>
												<li class="mall-font-14 mall-color-btn title">双十一奖品券4</li>
												<li>奖品：美迪惠尔营养修护面膜</li>
												<li>兑换码：DFBNKDJKG</li>
												<li class="bottom">兑换时间：2016.11.01-2016-11.30</li>
											</ul>
										</div>
									</div>
								</li>
								<li class="mui-table-view-cell table-view-cell-prize">
									<div class="prize bgstyle">
										<div class="prize_left">
											<img src="../../Content/Images/mojie/1.png"/>
										</div>
										<div class="prize_right fr">
											<ul>
												<li class="mall-font-14 mall-color-btn title">双十一奖品券5</li>
												<li>奖品：美迪惠尔营养修护面膜1</li>
												<li>兑换码：DFBNKDJKG1</li>
												<li class="bottom">兑换时间：2016.11.01-2016-11.30</li>
											</ul>
										</div>
									</div>
								</li>								
							</ul>
							<div class="submit get-prize-submit"><!--添加按钮-->
								<a class="mui-btn mui-btn-danger mui-btn-block" href="">接受任务</a>					
							</div><!--添加按钮-->
						</div>
					</div>
				</div><!--Tab2内容-->	
				<div id="item3" class="mui-control-content"><!--Tab3内容-->
					<div id="scroll" class="mui-scroll-wrapper">
						<div class="mui-scroll bg">
							<ul class="mui-table-view mui-table-list table-view-prize">
								<li class="mui-table-view-cell table-view-cell-prize">
									<div class="prize bgstyle">
										<div class="prize_left">
											<img src="../../Content/Images/mojie/1.png"/>
										</div>
										<div class="prize_right fr">
											<ul>
												<li class="mall-font-14 mall-color-btn title">双十一奖品券8</li>
												<li>奖品：美迪惠尔营养修护面膜</li>
												<li>兑换码：DFBNKDJKG</li>
												<li class="bottom">兑换时间：2016.11.01-2016-11.30</li>
											</ul>
										</div>
									</div>
								</li>					
							</ul>
							<div class="submit get-prize-submit"><!--添加按钮-->
								<a class="mui-btn mui-btn-danger mui-btn-block" href="">接受任务</a>					
							</div><!--添加按钮-->
						</div>
					</div>
				</div><!--Tab3内容-->	
			</div><!--奖品券列表-->
		</section>	<!--奖品券容器-->
	</body>
</html>
<script src="../../Content/JS/mojie/mui.min.js"></script>
<script type="text/javascript">
	mui.init({
		swipeBack:true //启用右滑关闭功能
	});
</script>